<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Xingsheng Zou</title>

    <link rel="stylesheet" href="style.css">
    <meta name="author" content="邹新盛" />
    <meta name="keywords" content="邹新盛个人作品集,邹新盛 个人网站, 邹新盛作品集, 设计作品集, UX/UI, 邹新盛， 设计师网站">


</head>

<body>
    <div class="container">
        <p>Miss Zou</p>
        <a href="# shouye" class="one">首页</a>
        <a href="#zuopin" class="two">作品</a>
        <a href="#aihao" class="three">爱好</a>
        <a href="#lianxi" class="four">联系</a>
        <img src="背景图.jpg" alt="">
        <h1>hello</h1>
        <h3>welcome to my website</h3>
        <div id="shouye" class="small">
            <a href="#neirong">let's go</a>

        </div>
        <h2 id="shouye">my name is <br/> Xingsheng Zou</h2>
        <div class="box" id="neirong">
            <span class="line"></span>
            <span class="text">我的技能</span>
            <span class="line"></span>
        </div>
        <div class="ai">AI</div>
        <span class="numberone">80%</span>
        <div class="ps">PS</div>
        <span class="numbertwo">55%</span>
        <div class="ax">Axure</div>
        <span class="numberthree">50%</span>
        <div class="haibao">
            <h3 id="zuopin" class="zp">作品</h3>
            <div class="slide">
                <a href="#"> <img src="绵延.jpg" alt="" class="m"></a>
                <h4 class="hb">海 </br> 报</h4>
            </div>
            <div>
                <a href="#"><img src="左右海报.jpg" alt="" class="zy"></a>

            </div>
            <div>
                <a href="#"> <img src="中轴海报.jpg" alt="" class="z"></a>
            </div>
            <img src="暑假插画临摹5.jpg" alt="" class="ch1">
            <img src="chahua3.jpg" alt="" class="ch2">
            <img src="chahua5.jpg" alt="" class="ch3">
            <h4 class="lm">临 </br> 摹</h4>
            <img src="抗疫在家三部曲之看书.jpg" alt="" class="ch4">
            <img src="AOD1.jpg" alt="" class="ch5">
            <img src="抗疫在家三部曲之熬夜.jpg" alt="" class="ch6">
            <h4 class="yc">原 </br> 创</h4>
        </div>
        <div class="aihao">
            <h3 id="aihao" class="ah">爱好</h3>
            <img src="meishi.jpg" alt="" class="ms">
            <img src="sheying.jpg" alt="" class="sy">
            <img src="ting.jpg" alt="" class="yy">
            <img src="xiaoshuo.jpg" alt="" class="xs">
            <img src="huahua.jpg" alt="" class="hh">
            <span class="zw1">美食</span>
            <span class="zw2">摄影</span>
            <span class="zw3">音乐</span>
            <span class="zw4">小说</span>
            <span class="zw5">画画</span>
        </div>
        <footer>
            <h3 id="lianxi" class="lxfs">联系方式</h3>
            <a href=# title="2753147544" class="q">QQ</a>
            <a href=# title="zxs2753147544" class="w">weixin</a>
            <a href=# title="2753147544@qq.com" class="yx">Mail</a>
        </footer>














    </div>

</body>

</html>